En este ejemplo el if escogerá y dependiendo de lo que escogió se realizará una operación.
1️⃣Se utilizan 7 variables, 2 para representar los que pondrá el usuario “n1” y “n2” y para hacer estos números enteros otras 2 variables “num1” y “num2”, “resul” el resultado que se mostrará en pantalla, “desi” la decisión que tomará el usuario, cuadrado o rectángulo, y opción, la variable de switch, la operación que realiza dependiendo de la figura geométrica //importante, el switch es parecido al if, y cuando se trata de muchas opciones puede ser más eficaz que el if, dependiendo para lo que lo uses//.
2️⃣Hay 2 if, el primero es si el usuario escribe cuadrado, en ese caso, le pedirá al usuario que operación desea realizar, área o perímetro. Y como es un cuadrado y solo tiene un lado, solo pidiera el valor de “n1” al usuario
3️⃣El segundo if, es si el usuario escribe cuadrado, en ese caso, le pedirá al usuario que operación desea realizar, y pide los números que se van a utilizar “n1” y”n2”
4️⃣El switch, 4 opciones, dependiendo de la figura que el usuario decidió y muestra en pantalla el resultado final.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Trirong">
<link rel="stylesheet" href="css.css">
<title>ERICKA</title>
<script>
var opcion;
var num1;
var num2;
var desi;
var resul
var n1
var n2
desi=window.prompt("¿Cuadrado o Rectangulo?")
if (desi=="cuadrado")
{
opcion=window.prompt("digite su posicion:"+"1.Área
de Cuadrado, "+"2.Perimetro de un cuadrado")
n1=window.prompt("Digite su primer numero");
}
if(desi=="rectangulo")
{
opcion=window.prompt("digite su posicion:"+"3.Área de un
rectangulo, "+"4.Perimetro de un rectangulo")
n1=window.prompt("Digite su primer numero");
n2=window.prompt("Digite su segundo numero");
}
num1=parseInt(n1)
num2=parseInt(n2)
switch(opcion){
case"1":
resul=num1*num1
document.writeln("El resultado de la operación: "+resul)
break
case"2":
resul=num1*4
document.writeln("El resultado de la operación: "+resul)
break
case"3":
resul=num1*num2
document.writeln("El resultado de la operación: "+resul)
break
case"4":
resul=num1*2+num2*2
document.writeln("El resultado de la operación: "+resul)
break
}
</script>
</head>
<body>
</body>
</html>